<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="layui-collapse" lay-accordion>
		  <div class="layui-colla-item">
		    <h2 class="layui-colla-title">杜甫</h2>
		    <div class="layui-colla-content layui-show">内容区域</div>
		  </div>
		  <div class="layui-colla-item">
		    <h2 class="layui-colla-title">李清照</h2>
		    <div class="layui-colla-content layui-show">内容区域</div>
		  </div>
		  <div class="layui-colla-item">
		    <h2 class="layui-colla-title">鲁迅</h2>
		    <div class="layui-colla-content layui-show">内容区域</div>
		  </div>
		</div>
		
	</body>
	<script type="text/javascript">
		layui.use('element',function(){
			var element = layui.element;
		});	
	</script>
</html>
